/* Este código foi desenvolvido para a aplicação Lidder-Gerenciador de Projetos, e está preparada para funcionar somente no Google Chrome. */

/*reset de browsers*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    color:inherit;
    text-decoration:inherit;
    list-style: none;
    text-decoration:none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /*ver a sintaxe para passar um ":" depois dos "..."*/
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
/*término do reset de browsers*/

/*estililização do scroll*/
.scrollfino::-webkit-scrollbar-track{
    border-radius: 5px;
    background-color: transparent;
}

.scrollfino::-webkit-scrollbar
{
    width: 1px;
    border-radius: 5px;
    background-color: transparent;
}

.scrollfino::-webkit-scrollbar-thumb
{
    border-radius: 5px;
    background-color: #484848;
}

.primaryContainer {
    height: auto;
    margin: 0px;
    min-height: 100%;
    background-color: rgb(57, 57, 57);
    background-image:url("img/mesh.png");
}

/* Estilização das tabelas (datatables) está no arquivo jquery.dataTables.css */


/*divTopo*/
#divTopo {
    float: none;
    height: 5%;
    clear: none;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(10, 10, 10, 0.5);
    padding-top: 0.3%;
    padding-right: 0.3%;
    padding-bottom: 0.3%;
    border-width: 0px 0px 1px;
    border-style: none none groove;
    z-index: 1;
    border-bottom-color: rgb(155, 155, 155);
}
#imgLogosup { /* Imagem direita*/
    float: right;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: relative;
    min-height: 0px;
}
/*Fim divTopo*/

/*divRodapé*/
#divRodape {
    float: left;
    height: 4%;
    clear: none;
    width: 100%;
    position: fixed;
    top: auto;
    left: 0%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 100;
    bottom: 0px;
}
/*Fim divRodapé*/

/*inicio do Menu Lateral Esquerda (Que contem o perfil e o menu principal)*/
#divMenuEsquerda { /* Este div é o espaço total da lateral para o menu*/
    float: left;
    height: 91%;
    clear: left;
    width: 13%;
    position: fixed;
    top: 5%;
    left: 0px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0);
    bottom: auto;
}    
#divMenuPrinc { /*Este div contem os itens do menu verde e monta uma borda transparente em volta*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    width: 90%; /* era 90% @MF */
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 2px ridge rgb(46, 46, 46);
    box-shadow: rgb(95, 95, 95) 0px 1px 2px 0px;
}
/*#btNivel1{ /*este estilo define os padroes dos itens no nivel 1, mas como a borda é diferente por causa do menu identado, tem que fazer um estilo pra cada
    float:none;
    cursor: pointer;
    font-size: 1em;
    width:70%; /*era auto @MF
    text-align: left;
    margin: 0px;
    clear: none;
    font-family: arial;
    color: rgb(255, 255, 255);
    position: static;
    text-shadow: rgb(95, 95, 95) 1px 1px 1px;
}	
#btInicio { /*estilos especiais para este botão
    padding: 12px;
    border-width: 0px 0px 2px;
    border-bottom-color: rgb(178, 214, 98);
    border-style: inset inset groove;
}

#mnCadastro  { /*estilos especiais para este botão
    border-width: 0px 0px 2px;
    border-bottom-color: rgb(178, 214, 98);
    cursor: pointer;
    border-style: inset inset groove;
}
#mnCadastro:hover{ /*estilos especiais para este botão quando o mouse passa em cima
    transition: all 0.35s;
    background-image:-webkit-linear-gradient(90deg,rgb(167,202,89) 0%,rgb(125,171,35) 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#btInicio:hover{ /*estilos especiais para este botão quando o mouse passa em cima
    transition: all 0.35s;
    background-image:-webkit-linear-gradient(90deg,rgb(167,202,89) 0%,rgb(125,171,35) 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#btCadastros { /*estilos especiais para este botão
    padding: 12px;
    border-width: 0px 0px 1px;
    border-bottom-color: rgb(178, 214, 98);
    border-style: inset inset groove;
}
#btCadastros:hover { /*estilos especiais para este botão quando o mouse passa em cima
    transition: all 0.35s;
    background-image:-webkit-linear-gradient(90deg,rgb(167,202,89) 0%,rgb(125,171,35) 100%);
}
#btNivel2{ /*este faz o padrao de estilo para o menu nivel 2, depois cada um tem umas caracs proprias
    font-size: 0.8em;
    line-height: 15px;
    margin-top: 0px;
    margin-bottom: -2px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: rgb(125, 156, 66);
    text-shadow: rgb(95, 95, 95) 1px 1px 1px;
}
#subbtUsuarios {/*estilos especiais para este botão
    padding: 12px 12px 12px 24px;
    border-width: 0px;
    border-style: groove inset inset;
    border-color: rgb(160, 193, 85);
}
#subbtDisciplinas {/*estilos especiais para este botão
    padding: 12px 12px 12px 24px;
    border-color: rgb(160, 193, 85);
    border-width: 2px 0px 0px;
    border-style: groove inset inset;
}
#subbtAreas {/*estilos especiais para este botão
    padding: 12px 12px 12px 24px;
    border-color: rgb(160, 193, 85);
    border-width: 2px 0px 0px;
    border-style: groove inset inset;
}
#subbtModelos {/*estilos especiais para este botão
    padding: 12px 12px 12px 24px;
    border-color: rgb(160, 193, 85);
    border-width: 2px 0px 1px;
    border-style: groove inset inset;
}
#btAjuda {/*estilos especiais para este botão
    border-bottom-color: rgb(178, 214, 98);
    padding: 12px;
    border-width: 0px 0px 2px;
    border-style: inset inset groove;
    background-color: rgba(132, 132, 132, 0);
}
#btAjuda:hover {/*estilos especiais para este botão quando o mouse passa em cima
    transition: all 0.35s;
    background-image:-webkit-linear-gradient(90deg,rgb(167,202,89) 0%,rgb(125,171,35) 100%);
}
#btGrafseRelats {/*estilos especiais para este botão
    padding: 12px;
    border-bottom-color: rgb(178, 214, 98);
    border-width: 0px 0px 2px;
    border-style: inset inset groove;
    background-color: rgba(132, 132, 132, 0);
}
#btGrafseRelats:hover {/*estilos especiais para este botão quando o mouse passa em cima
    transition: all 0.35s;
    background-image:-webkit-linear-gradient(90deg,rgb(167,202,89) 0%,rgb(125,171,35) 100%);
}
#btLogout {/*estilos especiais para este botão
    padding: 12px;
    border-width: 0px;
    border-style: inset inset groove;
    border-top-color: rgb(46, 46, 46);
    background-color: rgba(132, 132, 132, 0);
    text-shadow: rgb(95, 95, 95) 1px 1px 1px;
}
#btLogout:hover {/*estilos especiais para este botão quando o mouse passa em cima
    transition: all 0.35s;
    background-image:-webkit-linear-gradient(90deg,rgb(167,202,89) 0%,rgb(125,171,35) 100%);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}*/

#divCtLogoeDUsuarios { /*div que contem a imagem e o link para perfil do usuário*/
    float: none;
    height: 70px;
    margin: 4% auto 0px;
    clear: none;
    width: 85%;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-width: 1px;
    border-style: none;
    z-index: 1;
}
#divCtImagemUs { /*div que mantem a imagem do usuario dinamica*/
    float: left;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 30%;
    position: relative;
    top: 0px;
    left: 0px;
}
#imUsuario { /*formatacao da imagem*/
    float: left;
    width: 100%;
    height: auto;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    position: static;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    z-index: 4;
}
#divCtInfoUsu {  /* div que contem as tres linhas: Olá, o nome do usuario e o link de editar perfil*/;
    float: right;
    width: 65%;
}
#txtOla { /* texto de saudação*/
    float: right;
    font-size: 0.6em;
    width: 100%;
    line-height: 1.2em;
    color: rgb(214, 214, 214);
}
#lblNomeUsuario { /* texto nome do usuario*/
    float: right;
    font-size: 0.8em;
    width: 100%;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 2%;
    color: rgb(214, 214, 214);
}
#lnkEditarPerfil { /* texto link para modal editar o perfil*/
    font-size: 0.6em;
    width: 100%;
    line-height: 1.2em;
    color: rgb(214, 214, 214);
}
/*Fim do Menu Lateral esquerda*/

/*Estilos do Menu direita (Parte Principal da Gestao da Comunização)*/
#divMenuDireita {/* Este div é o espaço total da lateral para o menu*/
    float: right;
    height: 91%;
    clear: right;
    width: 13%;
    position: fixed;
    top: 5%;
    left: auto;
    right: 0%;
    bottom: auto;
    background-color: rgba(0, 0, 0, 0);
}
#divctAtivseContatos {/* Este div é o espaço para posicionar os divs que serão explitados ao meio*/
    float: none;
    height: 100%;
    clear: none;
    width: auto;
    position: absolute;
    top: 1%;
    left: 4px;
    bottom: 4px;
    right: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#divAtividades { /*este é o div que recebe o template Atividades*/
    float: none;
    height: 49.85%;
    width: 100%;
    position: relative;
    background-color:rgba(10, 10, 10, 0.5);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: rgb(33, 33, 33) 0px 0px 3px 0px;
}
#divConteTar { /*este é o div que recebe o template dos Contatos, usuários e tarefas*/
    float: none;
    height: 49.85%;
    width: 100%;
    background-color:rgba(10, 10, 10, 0.5);;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgb(33, 33, 33) 0px 0px 3px 0px;
}
/*Fim do Menu da direita*/

/*inicio do Menu Central (principal área de navegação)*/
#divMenuCentral { /*este é o div que posiciona todo o menu central*/
    float: none;
    height: 90%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 74%;
    margin-right: 0px;
    position: fixed;
    top: 6%;
    left: 13%;
    background-color: rgb(235, 235, 235);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    min-width: 0px;
    min-height: 0px;
}
#container, #GanttChartDIV, #divCurve {
    float: none;
    height: 90%;
    width: 74%;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 32px;
    clear: none;
    margin-right: 0px;
    position: fixed;
    top: 6%;
    left: 13%;
    background-color: rgb(235, 235, 235);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    min-width: 0px;
    min-height: 0px;
}

/*div que contem a barra superior de navegação do menu central*/    
#divctBartop { 
    float: left;
    height: 32px;
    clear: none;
    width: 100%;
    position: absolute;
    padding: 4px;
    background-image:-webkit-linear-gradient(270deg,rgb(186,186,186) 0%,rgb(132,132,132) 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index: 1;
}
#divFiltroCli { /*este é o div com cantos redondos que contem os botoes de filtro de clientes*/
    float: left;
    height: 24px;
    width: 245px;
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    border-bottom-left-radius: 12.5px;
    position: relative;
    border: 1px solid rgb(132, 132, 132);
    padding: 0px 10px 0px;
    overflow: hidden;
    background-color: rgb(217, 217, 217);
    background-image:-webkit-linear-gradient(270deg,rgb(232,232,232) 0%,rgb(204,204,204) 100%);
    z-index: 1;
}
#lblTitulo {/*estes é o label que recebem os textos de "Clientes por" do cliente do projeto selecionado*/
    float: left;
    color: rgb(100, 100, 100);
    padding: 2px 0px 0px;
    margin-right: 2px;
    font-size: 16px;
    width: 154px;
    height: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /*ver a sintaxe para passar um ":" depois dos "..."*/
    font-weight: normal;
    line-height: 1em;
}
#image1, #image2, #image3, #image4, #image5,#image6 {/*estas são os "botes" de escolha*/
    float: left;
    padding-right: 5px;
    padding-top: 0px;
    height: 100%;
    width: auto;
    overflow: hidden;
    color: red;
    font-size: 22px;
    color: #474445;
}

#image1:hover, #image2:hover, #image3:hover, #image4:hover, #image5:hover, #image6:hover {
    transition:All 0.7s ease-in-out;
    -webkit-transition:All 0.7s ease-in-out;
    -webkit-moz-transition:All 0.7s ease-in-out;
    -webkit-o-transition:All 0.7s ease-in-out;
    -webkit-os-transition:All 0.7s ease-in-out;
    text-shadow: white 1px 1px 1px;
    color: gray;
}

.divctTxtBuscaTNormal { /*este é div redondo estilo iphone de procura, tamanho normal*/
    float: left;
    height: 24px;
    margin-left: 1%;
    width: 160px;
    background-image:-webkit-linear-gradient(270deg,rgb(232,232,232) 0%,rgb(204,204,204) 100%);
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    border-bottom-left-radius: 12.5px;
    border: 1px solid rgb(132, 132, 132);
    z-index: 1;
    padding-left: 12px;
    padding-top: 0px;
}
.txtBuscaTNormal{ /*formatação do texto de busca, tamanho normal*/
    float: left;
    width: 82%;
    color: rgb(100, 100, 100);
    font-style: italic;
    background-color: transparent;
    border: 0px;
}
.imgLupaTNormal { /*formatação da imagem da lupa, tamanho normal*/
    float: right;
    width: auto;
    height: 100%;
    margin: 0px 2px 0px 0px;
    padding: 3px;
}

.divctTxtBuscaTPequeno { /*este é div redondo estilo iphone de procura, tamanho Pequeno*/
    float: left;
    height: 100%;
    margin: 0px 1px 0px 2%;
    clear: none;
    width: 15%;
    position: relative;
    background-image: -webkit-linear-gradient(270deg,rgb(232,232,232) 0%,rgb(204,204,204) 100%);
    background-attachment: scroll;
    background-size: auto;
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    border-bottom-left-radius: 12.5px;
    border: 1px solid rgb(132, 132, 132);
    overflow: hidden;
    background-color: rgb(217, 217, 217);
    z-index: 1;
    padding-left: 12px;
    background-position: 0px 50%;
    background-repeat: repeat repeat;   
}
.txtBuscaTPequeno{ /*formatação do texto de busca, tamanho Pequeno*/
    float: left;
    font-size: 0.9em;
    width: 80%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    border: 0px;
    min-height: 0px;
    min-width: 0px;
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    font-style: italic;
    color: rgb(100, 100, 100);
    font-style: italic;
    background-color: transparent;
}
.imgLupaTPequeno { /*formatação da imagem da lupa, tamanho Pequeno*/
    float: right;
    width: auto;
    max-width: none;
    height: 100%;
    margin: 0px 0% 0px 0px;
    clear: none;
    color: rgb(0, 0, 0);
    padding: 3px;                
}


#btNovoCli { /*este é o botão de criar novo cliente*/
    float: right;
    width: auto;
    height: 100%;
    padding: 1px;
}
#divFiltroProjetos{ /*este é o div com cantos redondos que contem os botoes de premissas, contatos, fluxo e demais*/
    float: left;
    height: 24px;
    width: 300px;
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    border-bottom-left-radius: 12.5px;
    position: relative;
    border: 1px solid rgb(132, 132, 132);
    padding: 1px 10px 0px;
    overflow: hidden;
    background-color: rgb(217, 217, 217);
    background-image:-webkit-linear-gradient(270deg,rgb(232,232,232) 0%,rgb(204,204,204) 100%);
    z-index: 1;
}
#divEscolheVis{
    float: right;
    height: 24px;
    width: 110px;
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    border-bottom-left-radius: 12.5px;
    position: relative;
    border: 1px solid rgb(132, 132, 132);
    padding: 1px 10px 0px;
    overflow: hidden;
    background-color: rgb(217, 217, 217);
    background-image:-webkit-linear-gradient(270deg,rgb(232,232,232) 0%,rgb(204,204,204) 100%);
    z-index: 1;
}
#image20, #image21, #image22 {/*estas são os outros "botes" de escolha, mind, S e gantt*/
    padding-right: 0px;
    font-size: 20px;
    color: #474445;
    float: right;
    width: auto;
    height: 100%;
    margin-right: 10%;
    padding-top: 1px;
    padding-bottom: 1px;
}

#lblTitulo2 {/*estes é o label que recebe o nome do cliente do projeto selecionado*/
    float: left;
    width: auto;
    color: rgb(100, 100, 100);
    padding: 3px 0px 0px;
    margin-right: 10px;
}
#image7, #image8, #image9, #image10, #image11,#image12  {/*estas são os outros "botes" de escolha*/
    float: left;
    padding-right: 5px;
    padding-top: 0px;
    height: 100%;
    width: auto;
    overflow: hidden;
    font-size: 20px;
    color: #474445;
}

#btClearFilter{
    float: left;
    width: auto;
    height: 100%;
    margin-right: 3%;
    font-size: 20px;
    color: #474445;
}
#btClearFilter:hover{
    transition: all 0.3s;
    text-shadow: rgb(95, 95, 95) 1px 1px 1px; 
    color: red;
}



/*Fim da barra superior de navegação do menu central*/

#divClientes { /*este é o div que recebe a Datatable de filtro de clientes, e que está dividido 30/70 esse tem 30%*/
    float: left;
    height: 100%;
    margin: 0px;
    clear: left;
    width: 30%;
    padding-top: 32px;
    padding-bottom: 15px;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-color: rgb(72, 72, 72);
    border-right-width: 3px;
    border-right-style: solid;
    position: relative;
    display: none;
}
#divProjeto{ /*Este é onde aparece a árvore EAP do projeto*/
    float: left;
    height: 100%;
    margin: 0px;
    overflow-y:scroll;
    clear: left;
    width: 30%;
    padding-top: 32px;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-color: rgb(72, 72, 72);
    border-right-width: 3px;
    border-right-style: solid;
    position: relative;
}

#divListDocs{ /*Aqui é onde são mostrados os documentos de acordo com a seleção feita no divProjeto*/
    float: none;
    height: 100%;
    margin-left: auto;
    margin-top: 1px;
    clear: none;
    width: 99.8%;
    position: relative;
    margin-right: auto;
    background-image:-webkit-linear-gradient(270deg,rgb(235,235,235) 0%,rgb(214,214,214) 100%);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: rgb(33, 33, 33) 0px 0px 3px 0px;
}




/*este é o div que contem os divs Projetos e Contatos e que divide a tela em 30% e 70%, este tem 70%*/
#divctProjeCli { 
    float: right;
    height: 100%;
    margin: 0px;
    clear: none;
    width: 70%;
    padding-top: 37px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#divctProjeCli2 { /*este é o div que contem os outros dois: Projetos e Clientes e que deixa a aparencia de duas janelas*/
    height: 99.3%;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 99%;
    position: relative;
    top: 0px;
    left: 0px;
    min-height: 0px;
    margin-right: auto;
    background-color: transparent;
}
#divProjetos {
    float: none;
    height: 49.85%;
    margin: 0px;
    clear: none;
    width: 99.7%;
    position: relative;
    top: 1px;
    left: 1px;
    background-image: -webkit-linear-gradient(270deg,rgb(235,235,235) 0%,rgb(214,214,214) 100%);
    background-attachment: scroll;
    background-size: auto;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 0px;
    border-style: solid;
    box-shadow: rgb(33, 33, 33) 0px 0px 3px 0px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

.divProjetos_grande {
    transition: all 0.2s;
    height: 79.85%;
}

.divProjetos_pequeno {
    transition: all 0.2s;
    height: 19.85%;
}



#divContatos {
    float: none;
    height: 49.1%;
    margin: 0px;
    clear: none;
    width: 99.7%;
    position: relative;
    top: 1px;
    left: 1px;
    background-image: -webkit-linear-gradient(270deg,rgb(235,235,235) 0%,rgb(214,214,214) 100%);
    background-attachment: scroll;
    background-size: auto;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 0px;
    border-style: solid;
    box-shadow: rgb(33, 33, 33) 0px 0px 3px 0px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
    margin-top: 5px;
    box-shadow: rgb(33, 33, 33) 0px 0px 3px 0px;
}

.divContatos_grande{
    transition: all 0.2s;
    height: 79.1%;
}
.divContatos_pequeno{
    transition: all 0.2s;
    height: 19.1%;
}


/*este é o div que contem os divs Projetos e Contatos e que divide a tela em 30% e 70%, este tem 70%*/
/*Fim do Menu Central*/


/*#lblCliHead {
        float: none;
        font-size: 0.8em;
        width: 90%;
        height: auto;
        text-align: center;
        font-weight: normal;
        line-height: 1em;
        word-wrap: break-word;
        margin-left: auto;
        margin-top: 0px;
        clear: none;
        min-height: 0px;
        margin-right: auto;
        padding-top: 1px;
        color: rgb(214, 214, 214);
}       
#divProjTableHead {
    float: none;
    height: 15px;
    clear: none;
    width: auto;
    background-image:-webkit-linear-gradient(270deg,rgb(103,103,103) 0%,rgb(59,59,59) 100%);
    background-attachment: scroll;
    background-size: auto;
    border: 0px solid rgb(217, 217, 217);
    position: absolute;
    right: 1px;
    left: 1px;
    top: 21px;
    bottom: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
#divContatosTableHead {
    float: none;
    height: 15px;
    clear: none;
    width: auto;
    background-image:-webkit-linear-gradient(270deg,rgb(103,103,103) 0%,rgb(59,59,59) 100%);
    background-attachment: scroll;
    background-size: auto;
    border: 0px solid rgb(217, 217, 217);
    position: absolute;
    top: 21px;
    bottom: auto;
    right: 1px;
    left: 1px;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
#lblProjHead {
    float: none;
    font-size: 0.8em;
    width: 90.0001947826087%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px auto;
    clear: none;
    min-height: 0px;
    padding-top: 1px;
    color: rgb(214, 214, 214);
}
#lblContatosHead {
    float: none;
    font-size: 0.8em;
    width: 90.00060884485525%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px auto;
    clear: none;
    min-height: 0px;
    padding: 1px 0px 0px;
    color: rgb(214, 214, 214);
}
#divProjTableFoot {
    float: none;
    height: 15px;
    clear: none;
    width: auto;
    background-image:-webkit-linear-gradient(270deg,rgb(103,103,103) 0%,rgb(59,59,59) 100%);
    background-attachment: scroll;
    background-size: auto;
    border: 0px solid rgb(217, 217, 217);
    position: absolute;
    top: auto;
    left: 1px;
    bottom: 1px;
    right: 1px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
#lblProjFoot {
    float: none;
    font-size: 0.6em;
    width: 90%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    padding-top: 3px;
    color: rgb(214, 214, 214);
    font-style: italic;
}
#divContatosTableFoot {
    float: none;
    height: 15px;
    clear: none;
    width: auto;
    background-image:-webkit-linear-gradient(270deg,rgb(103,103,103) 0%,rgb(59,59,59) 100%);
    background-attachment: scroll;
    background-size: auto;
    border: 0px solid rgb(217, 217, 217);
    position: absolute;
    top: auto;
    left: 1px;
    bottom: 1px;
    right: 1px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
#lblContatosFoot {
    float: none;
    font-size: 0.6em;
    width: 90.00061274509804%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    margin-right: auto;
    padding-top: 3px;
    color: rgb(214, 214, 214);
    font-style: italic;
}
#divctDir {
    float: none;
    height: 99%;
    margin: 0px;
    clear: none;
    width: auto;
    position: absolute;
    top: auto;
    left: 4px;
    bottom: 0px;
    right: 4px;
}
#box {
    float: none;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-width: 1px;
    border-bottom-style: groove;
    display: none;
}
#box1 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}
#text1 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#box2 {
    float: none;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-style: groove;
    display: none;
}
#box3 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}
#text2 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#box4 {
    float: none;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-style: groove;
    display: none;
}

#box5 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}
#text3 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#box6 {
    float: none;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-style: groove;
    display: none;
}
#box7 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}
#text4 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#box8 {
    float: none;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-style: groove;
    display: none;
}

#box9 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}
#text5 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#box10 {
    float: none;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    display: none;
}
#box11 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}
#text6 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#box12 {
    float: none;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    display: none;
}
#image13 {
    float: left;
    width: 30px;
    max-width: none;
    height: auto;
    clear: left;
    color: rgb(0, 0, 0);
    min-height: 0px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    max-height: none;
    min-width: 0px;
    position: static;
    top: 0px;
    left: 0px;
    margin: 0px;
    box-shadow: rgb(146, 212, 20) 0px 0px 2px 2px;
    z-index: 4;
}
#box13 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}
#text7 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#textspan1 {
    font-size: 1em;
    line-height: 1em;
    font-weight: 600;
}
#textspan2 {
    color: rgb(146, 212, 20);
    line-height: 1em;
    font-size: 1em;
}
#textspan3 {
    font-weight: 600;
    font-size: 1em;
    line-height: 1em;
}
#textspan4 {
    color: rgb(235, 52, 52);
    font-size: 1em;
    line-height: 1em;
}
#textspan5 {
    font-weight: 600;
    font-size: 1em;
    line-height: 1em;
}
#textspan7 {
    font-weight: 600;
    font-size: 1em;
    line-height: 1em;
}
#textspan8 {
    color: rgb(146, 212, 20);
    font-size: 1em;
    line-height: 1em;
}
#textspan9 {
    font-weight: 600;
    font-size: 1em;
    line-height: 1em;
}
#textspan10 {
    color: rgb(235, 52, 52);
    font-size: 1em;
    line-height: 1em;
}
#textspan11 {
    font-weight: 600;
    line-height: 1em;
    font-size: 1em;
}
#textspan13 {
    font-weight: 600;
    font-size: 1em;
    line-height: 1em;
}
#textspan14 {
    color: rgb(146, 212, 20);
    font-size: 1em;
    line-height: 1em;
}
#textspan15 {
    font-weight: 600;
    font-size: 1em;
    line-height: 1em;
}

#textspan6 {
    color: rgb(108, 147, 255);
    font-size: 1em;
    line-height: 1em;
}
#box14 {
    float: left;
    height: 40px;
    margin: 0px;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-width: 1px;
    border-bottom-style: groove;
}
#image14 {
    float: left;
    width: 30px;
    max-width: none;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    min-height: 0px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    max-height: none;
    min-width: 0px;
    position: static;
    top: 0px;
    left: 0px;
    margin: 0px;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    z-index: 4;
}
#box15 {
    float: left;
    height: 30px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
    overflow: hidden;
}
#text8 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(217, 217, 217);
    overflow: hidden;
    border-left-width: 3px;
    border-left-color: rgb(235, 52, 52);
    border-left-style: ridge;
}
#textspan16 {
    font-weight: 600;
}
APAGAR DEPOIS DE TESTAR TUDO*/

.divctMenuPequeno{
    float: right;
    height: 18px;
    width: 98px;
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    border-bottom-left-radius: 12.5px;
    position: relative;
    border: 1px solid rgb(132, 132, 132);
    padding: 1px 10px 0px;
    overflow: hidden;
    background-color: rgb(217, 217, 217);
    background-image:-webkit-linear-gradient(270deg,rgb(232,232,232) 0%,rgb(204,204,204) 100%);
    z-index: 1;
}

#btnNewFolder, #btnNewFolderDisc, #btNewTaskFolder, #btNewDoc{
    float: left;
    padding-right: 5px;
    padding-top: 0px;
    height: 100%;
    width: auto;
    overflow: hidden;
    font-size: 15px;
    color: #474445;
}

#divMenuProjetos, #divMenuContatos, #divDataTask { /* essa é a barra de cima da div de contatos e projetos*/
    float: none;
    height: 20px;
    margin: 0px auto;
    clear: none;
    width: 100%;
    background-image:-webkit-linear-gradient(270deg,rgb(186,186,186) 0%,rgb(132,132,132) 100%);
    background-attachment: scroll;
    background-size: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index: 1;
    min-width: 0px;
    padding: 1px 5px 3px 6px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
#btNovoProj, #btNovoContato {
    float: right;
    width: auto;
    max-width: none;
    height: 100%;
    margin-top: 1px;
    clear: none;
    color: rgb(0, 0, 0);
}

#txtInfoCli, #txtInfoCont, #txtDeseDoc  {
    float: left;
    font-size: 0.8em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 400;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(60, 60, 60);
    padding-top: 3px;
    position: relative;
    top: 0px;
    left: 0px;
}


#btFiltroProjetoAtual {
    float: none;
    width: auto;
    max-width: none;
    height: 100%;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    bottom: auto;
    left: 20%;
    padding: 2px;
    right: auto;
}
#btFiltroTodosProjetos {
    float: none;
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: absolute;
    top: 0px;
    right: 20%;
    left: auto;
    bottom: auto;
    padding: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgb(85, 85, 85) 0px 0px 3px 0px inset;
}


#divMenuUsueTarefas {
    float: none;
    height: 25px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    margin-right: auto;
    padding: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 1px ridge rgb(46, 46, 46);
    z-index: 1;
    background-color: rgba(33, 33, 33, 0.109804);
    overflow: hidden;
    background-image:-webkit-linear-gradient(270deg,rgb(108,147,255) 0%,rgb(37,105,211) 100%);
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
#btTodosUsuarios {
    float: left;
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: 2%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0px;
    position: relative;
    padding: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgb(85, 85, 85) 0px 0px 3px 0px inset;
}
#btUsuariosProjAtual {
    float: left;
    width: auto;
    max-width: none;
    height: 100%;
    margin: 0px 0px 0px 2%;
    clear: none;
    color: rgb(0, 0, 0);
    position: relative;
    padding: 2px;
}

#divctAtivseContatos2{
    float: none;
    height: 99%;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 99%;
    position: relative;
    top: 0px;
    left: 0px;
    min-height: 0px;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0);
}


#divctUsueTarefas2 {
    float: left;
    height: 92%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 100%;
    position: absolute;
    top: auto;
    left: auto;
    background-color: rgba(10, 10, 10, 0.498039);
    border-width: 0px;
    border-style: solid;
    z-index: 2;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: auto;
}
#btTarefasDesignidas {
    float: right;
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: right;
    color: rgb(0, 0, 0);
    margin-right: 2%;
    position: relative;
    padding: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
#btMinhasTarefas {
    float: right;
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 2%;
    position: relative;
    padding: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}
#divctAtividades2 {
    float: none;
    height: 40px;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    width: 100%;
    position: relative;
    margin-right: auto;
    padding: 5px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-width: 1px;
    border-bottom-style: groove;
}

#imgUsuarioExecutor {
    float: left;
    width: 30px;
    max-width: none;
    height: auto;
    clear: left;
    color: rgb(0, 0, 0);
    min-height: 0px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    max-height: none;
    min-width: 0px;
    position: static;
    top: 0px;
    left: 0px;
    margin: 0px;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    z-index: 4;
}
#divctAtividades3 {
    float: left;
    height: 30px;
    margin: 0px;
    clear: right;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
}

#lblAtividade001 {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    visibility: visible;
    color: rgb(232, 232, 232);
    overflow: hidden;
}
#textspan {
    font-weight: 600;
    font-size: 1em;
    line-height: 1em;
}

#divctUsueTarefas3 {
    float: none;
    height: 40px;
    margin: 0px auto;
    clear: none;
    width: 100%;
    position: relative;
    padding: 5px;
    border-bottom-color: rgb(154, 154, 154);
    border-bottom-width: 1px;
    border-bottom-style: groove;
}

#imgUsuario001 {
    float: left;
    width: 30px;
    max-width: none;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    min-height: 0px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    max-height: none;
    min-width: 0px;
    position: static;
    top: 0px;
    left: 0px;
    margin: 0px;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    z-index: 4;
}
#divctUsueTarefas4 {
    float: left;
    height: 30px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: auto;
    position: absolute;
    top: 5px;
    left: 40px;
    right: 2px;
    overflow: hidden;
}
#textspan12 {
    color: rgb(235, 52, 52);
    font-size: 1em;
    line-height: 1em;
}
#lblUsuariosTarefas {
    float: left;
    font-size: 0.6em;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin: 0px;
    clear: none;
    min-height: 0px;
    color: rgb(217, 217, 217);
    overflow: hidden;
    border-left-width: 3px;
    border-left-color: rgb(146, 212, 20);
    border-left-style: ridge;
    padding-left: 2px;
}

#divProcUsuariosTarefas1 {
    float: left;
    height: 20px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: auto;
    position: absolute;
    top: auto;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background-image:-webkit-linear-gradient(270deg,rgb(186,186,186) 0%,rgb(132,132,132) 100%);
    background-attachment: scroll;
    background-size: auto;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    z-index: 1;
    padding-top: 2px;
    padding-right: 0px;
    padding-left: 2px;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
#divProcUsuariosTarefas2 {
    float: none;
    height: 15px;
    margin: 0px;
    clear: none;
    width: 50%;
    position: relative;
    background-image:-webkit-linear-gradient(270deg,rgb(232,232,232) 0%,rgb(204,204,204) 100%);
    background-attachment: scroll;
    background-size: auto;
    border-top-left-radius: 12.5px;
    border-top-right-radius: 12.5px;
    border-bottom-right-radius: 12.5px;
    border-bottom-left-radius: 12.5px;
    border: 1px solid rgb(132, 132, 132);
    overflow: hidden;
    background-color: rgb(217, 217, 217);
    z-index: 1;
    padding-left: 12px;
    background-position: 0px 50%;
}
#txtProcUsueTarefas {
    float: left;
    font-size: 0.8em;
    width: 60%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    min-height: 23px;
    min-width: 0px;
    position: relative;
    overflow: hidden;
    padding-top: 1px;
    font-style: italic;
    color: rgb(100, 100, 100);
}
#imgLupaUsueTarefas {
    float: right;
    width: auto;
    max-width: none;
    height: 100%;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    padding: 3px;
}



#btMensagemUsuario004 {
    float: left;
    width: 20%;
    max-width: none;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    z-index: 4;
    position: absolute;
    top: auto;
    left: 35%;
    bottom: 0px;
    right: auto;
}
#btMensagemUsuario003 {
    float: left;
    width: 20%;
    max-width: none;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    z-index: 4;
    position: absolute;
    top: auto;
    left: 25%;
    bottom: 0px;
    right: auto;
}
#btMensagemUsuario002 {
    float: left;
    width: 20%;
    max-width: none;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    position: absolute;
    top: auto;
    left: 15%;
    bottom: 0px;
    z-index: 4;
    right: auto;
}
#btMensagemUsuario001 {
    float: left;
    width: 20%;
    max-width: none;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    min-height: 0px;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border-width: 0px;
    border-style: solid;
    max-height: none;
    min-width: 0px;
    position: absolute;
    box-shadow: rgb(217, 217, 217) 0px 0px 2px 0px;
    top: auto;
    left: 5%;
    bottom: 0px;
    right: auto;
    z-index: 4;
}

#btnMind {
    position: relative;
    padding-top: 4px;
    height: 50px;
    margin-top: 35px;
    margin-left: 3px;
    z-index: 999;
}

.resetView, .scaleUp, .scaleDown, .toggleCollapse {
    font-size: 24px;
    margin-left: 2px;
    padding-left: 4px;
    color: #5C5C5C;
}

@media only screen and (max-width: 2100px), only screen and (max-width: 2100px), only screen and (max-width: 2100px) {

}
@media only screen and (max-width: 1580px), only screen and (max-width: 1580px), only screen and (max-width: 1580px) {

}
@media only screen and (max-width: 1260px), only screen and (max-width: 1260px), only screen and (max-width: 1260px) {

}
@media only screen and (max-width: 1103px), only screen and (max-width: 1103px), only screen and (max-width: 1103px) {

    .primaryContainer {
        clear: none;
    }
}
@media only screen and (max-width: 876px), only screen and (max-width: 876px), only screen and (max-width: 876px) {


}
@media only screen and (max-width: 768px) {

    #divMenuPrinc, #divctAtivseContatos {
        visibility: hidden;
    }

    #divMenuDireita {
        width: 3%;
    }

    #divMenuCentral {
        width: 84%
    }

}
@media only screen and (max-width: 640px) {


}
@media only screen and (max-width: 480px) {


}



/* DAQUI PRA BAIXO FOI INCLUSAO DA EQUIPE DE DESENVOLVIMENTO - MF
*/




#tbDocs  {
    overflow-y: scroll;
    position: relative;
    width: 160%;
    height:auto;
    table-layout:fixed;
    border-spacing: 0px;
    cursor: pointer;
}

#clnNome {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /*ver a sintaxe para passar um ":" depois dos "..."*/
}

#clnCodigo{
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /*ver a sintaxe para passar um ":" depois dos "..."*/
}

#tbDocsHead { /*esse é o que formata o cabeçalho da árvore tabela*/
    background-image:-webkit-linear-gradient(270deg,rgb(103,103,103) 0%,rgb(59,59,59) 100%);
    font-size:13px;
    width: 100%;
    font-weight:500;
    color: rgb(214, 214, 214);
    font-family: Arial;
    text-shadow: rgb(95, 95, 95) 1px 1px 1px;
    cursor: pointer;
    z-index: 900;
}

table.treetable td {
    font-size: 0.95em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
    border-bottom: 1px solid rgb(204,204,204);
}

table.treetable tr.selected { /*aqui onde coloca a cor do item selecionado*/
    background-color: #999;
}

.pr_area {
    width: 80%;
}

.pr_edit {
    width: 20%;
}


tbody .area spam {
    font-family: arial;
    /*background-color: #ff6a00;*/
}

tbody .disciplina spam {
    font-family: arial;
    /*background-color: rgb(217, 217, 217);*/
}

tbody .tarefa spam {
    font-family: arial;
    /*background-color: #ffd800;*/
}

#divNewClient { /* nao funcionou continua com largura default */
    width: 800px;
}

#modal-footer{
}

.modal-body{
    margin-left: 1em;
    margin-top: 1em;
}

.btn_Gravar { /* */
    background-color: #729C14;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #9DC234, #729C14);
    background-image: -ms-linear-gradient(top, #9DC234, #729C14);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9DC234), to(#729C14));
    background-image: -webkit-linear-gradient(top, #9DC234, #729C14);
    background-image: -o-linear-gradient(top, #9DC234, #729C14);
    background-image: linear-gradient(top, #9DC234, #729C14);
    background-repeat: repeat-x;
    padding: 5px 15px 5px 15px;
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border: 1px solid #ccc;
    text-shadow: rgb(95, 95, 95) 1px 1px 1px;
    cursor: pointer;
}

.btn_Gravar:hover {
    background-image:-webkit-linear-gradient(90deg,rgb(163,215,40) 0%,rgb(130,171,32) 83%);
}

.btn, .btn-small, .btn-success {
    background-color: #729C14;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #9DC234, #729C14);
    background-image: -ms-linear-gradient(top, #9DC234, #729C14);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9DC234), to(#729C14));
    background-image: -webkit-linear-gradient(top, #9DC234, #729C14);
    background-image: -o-linear-gradient(top, #9DC234, #729C14);
    background-image: linear-gradient(top, #9DC234, #729C14);
    background-repeat: repeat-x;
    padding: 3px 20px 3px 10px;
    position: static;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    /*border: 1px solid #ccc;*/
    text-shadow: rgb(95, 95, 95) 1px 1px 1px;
    cursor: pointer;
}


#divHead{
    width: 100%;
    table-layout: fixed;
    overflow-y:scroll;
}


canvas{
    width: 1000px;
    height: 720px;

}

.Principal, .PrincipalProj {
    float: left;
    height: 130px;
    margin: 0px;
    clear: none;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    border-radius: 3px;
}

.PrincipalProj {
    height: 150px;
}

#imgCliente {
    float: left;
    width: 55px;
    max-width: 100%;
    height: 55px;
    border-radius: 100%;
    margin-left: 1%;
    margin-top: 10px;
    clear: both;
    color: rgb(0, 0, 0);
}
#lblCelCont, #lblSegEmail, #lblCelCont1, #lblSegEmail1, #lblCargoCont, #lblDetCont, #nome_servico {
    background-color: transparent;
    border: 0px;
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    clear: none;
    color: rgb(190, 190, 190);
    position: relative;
    top: 0px;
    left: 0px;
}

#lblDetCont, #nome_servico {
    margin: 0px;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

#nome_servico {
    width: 90%;
}
#lblCargoCont {
    font-weight: 600;
    margin-left: 10px;
    margin-top: 14px;
    clear: both;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}
#lblCelCont{
    width: 70px;
    margin-top: -52px;
    margin-left: -125px;
}
#lblCelCont1 {
    width: 70%;
    margin-top: -52px;
    margin-left: -55px;
}
#lblSegEmail {
    width: 70px;
    margin-top: -23px;
    margin-left: -125px;
    }
#lblSegEmail1 {
    width: 70%;
    margin-top: -23px;
    margin-left: -55px;
}
#lblCelCont1:focus, #lblSegEmail1:focus, #lblCargoCont:focus {
    background-color: rgb(237, 255, 189);
    color: black;
    text-shadow: none;
    transition:All 0.7s ease-in-out;
    -webkit-transition:All 0.7s ease-in-out;
    -webkit-moz-transition:All 0.7s ease-in-out;
    -webkit-o-transition:All 0.7s ease-in-out;
    box-shadow: rgb(169, 232, 0) 0px 0px 1px 1px;
    }

#btnGravaInfCont{
    float: right;
    position: relative;
    clear: none;
    margin-right: -2px;
}